<template>
	<div>
		<div :class="['customizer-btn', drawer ? 'opened' : '']" @click="drawer = !drawer">
			<el-icon class="spinner" color="#fff" size="20">
				<Setting />
			</el-icon>
		</div>

		<el-drawer class="customizer hidden lg:block" title="Basic drawer" v-model="drawer" direction="rtl" size="400" :close-delay="0.3">
			<div>哈哈哈</div>
		</el-drawer>
	</div>
</template>

<script setup>
import { Setting } from "@element-plus/icons-vue";
const drawer = ref(false);
</script>

<style scoped></style>
